<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Insert title here</title>
</head>
<body>
<h1>Links</h1>
<table>
   <tr>
      <td>Normal link with</td>
      <td><a href="javascript:alert('')">Normal link</a>
   </tr>
   <tr>
      <td>Normal link with big font</td>
      <td><a href="javascript:alert('')" style="font-size:xx-large"> Normal link with big font</a>
   </tr>
   <tr>
      <td>Link with embedded span and other text</td>
      <td><a href="javascript:alert('')" ><span style="font-weight:bold">Inner span with font bold</span> and normal text</a>
   </tr>
   <tr>
      <td>Link with image only</td>
      <td><a href="javascript:alert('')"><img alt="" src="kfz_leasing.gif"></a>
   </tr>
   <tr>
      <td>Link with image and text</td>
      <td><a href="javascript:alert('')"><img alt="" src="KleineGrafik.jpg">Und hier der Text</a>
   </tr>
   <tr>
      <td>Link with background-image</td>
      <td><a href="javascript:alert('')" style="display:block; width:100%; height:50px; background-image:url('kfz_leasing.gif')"></a>
   </tr>
   <tr>
      <td>Link with background-image and text</td>
      <td><a href="javascript:alert('')" style="display:block; width:100%; height:50px; background-image:url('kfz_leasing.gif')"><span style="color:white;">And text</span></a>
   </tr>      
   <tr>
      <td>Link with embedded span with back-image</td>
      <td><a href="javascript:alert('')"><span style="display:block; width:100%; height:50px; background-image:url('kfz_leasing.gif')"></span></a>
   </tr>      
   <tr>
      <td>Link with absolute Id span</td>
      <td><a href="javascript:alert('')" style="display:block; width:100%; height:50px; background-image:url('kfz_leasing.gif')"><span style="position:absolute">45</span></a>
   </tr>      
   <tr>
      <td>Small image where no overlay should take place (30x30)</td>
      <td><a href="javascript:alert('')"><img alt="" src="smallImage.jpg"></a>Text behind anchor
   </tr>      
   <tr>
      <td>Link with hidden span as last element</td>
      <td>
         <a href="javascript:alert('')" style="text-decoration:none">
            <span>Text</span>
            <span style="display:none">Display none</span>
            <span style="visibility:hidden">visibility:hidden</span>
            <span class="visibilityHidden">class isibility:hidden</span>
            <span style="position:absolute; left:-200px">left -200</span>
            <span style="position:absolute; top:-200px">top -200</span>
         </a>
      </td>
   </tr>      
</table>
</body>
</html>